<%- include('header') %>
<head>
    <link rel="stylesheet" href="stylesheets/index.css">
</head>
<script type="text/javascript" src="scripts/index.js"></script>
<div class="container" style="margin-top:30px">
    <div style="display:flex;flex-direction:row;width:100%;justify-content:space-between;">
    <div><p>连接状况：<span id="connected">……</span></p></div>
    <div><p><a href="javascript:clear()" class="btn btn-outline-secondary btn-sm">清空</a><a href="javascript:update()" class="btn btn-outline-secondary btn-sm">刷新</a></p></div>
    </div>
    <h4>运行监控</h4>
    <div class="plist">
        <div class="list-itm">
            <div><span>物品0</span></div>
            <div><span id="itm0">……</span></div>
        </div>
        <div class="list-itm">
            <div><span>物品1</span></div>
            <div><span id="itm1">……</span></div>
        </div>
        <div class="list-itm">
            <div><span>物品2</span></div>
            <div><span id="itm2">……</span></div>
        </div>
    </div>
    <h4>动作机构</h4>
    <span>若单击后设备无动作，请单击模式切换按钮：</span>
    <a class="btn btn-primary" href="javascript:send('M000')">模式切换：自动/手动</a>
    <div class="plist">
        <div class="list-itm">
            <div><span>弹出器0</span></div>
            <div><a class="btn btn-primary" href="javascript:send('A000')">动作</a></div>
            <div><a class="btn btn-primary" href="javascript:send('B000')">复位</a></div>
        </div>
        <div class="list-itm">
            <div><span>弹出器1</span></div>
            <div><a class="btn btn-primary" href="javascript:send('C000')">动作</a></div>
            <div><a class="btn btn-primary" href="javascript:send('D000')">复位</a></div>
        </div>
        <div class="list-itm">
            <div><span>阻拦器</span></div>
            <div><a class="btn btn-primary" href="javascript:send('F000')">动作</a></div>
            <div><a class="btn btn-primary" href="javascript:send('E000')">复位</a></div>
        </div>
        <div class="list-itm">
            <div><span>机械臂</span></div>
            <div><a class="btn btn-primary" href="javascript:send('G000')">下压</a></div>
            <div><a class="btn btn-primary" href="javascript:send('H000')">抬起</a></div>
        </div>
    </div>
    <h4>传送带和印章</h4>
    <div class="plist">
        <div class="list-itm">
            <div><span>传送带调速</span></div>
            <div><a class="btn btn-primary" href="javascript:send('I000')">停车</a>
            <a class="btn btn-primary" href="javascript:send('J000')">低速</a>
            <a class="btn btn-primary" href="javascript:send('K000')">中速</a>
            <a class="btn btn-primary" href="javascript:send('L000')">高速</a></div>
        </div>
        <div class="list-itm">
            <div><span>使用印章</span></div>
            <div><a class="btn btn-primary" href="javascript:send('R000')">0号</a>
            <a class="btn btn-primary" href="javascript:send('S000')">1号</a>
            <a class="btn btn-primary" href="javascript:send('T000')">2号</a></div>
        </div>
    </div>
    <h4>机械臂姿态设置(设置0~100)</h4>
    <div class="plist">
        <div class="list-itm">
            <div><span>下压姿态</span></div>
            <div style="flex-direction:column">
                <span>底部  </span><input id="down0" value="48"/><br/>
                <span>中部  </span><input id="down1" value="5"/><br/>
                <span>前部  </span><input id="down2" value="33"/><br/>
            <a class="btn btn-primary" href="javascript:setpose0()">设置</a></div>
        </div>
        <div class="list-itm">
            <div><span>抬起姿态</span></div>
            <div style="flex-direction:column">
                <span>底部  </span><input id="up0" value="48"/><br/>
                <span>中部  </span><input id="up1" value="20"/><br/>
                <span>前部  </span><input id="up2" value="33"/><br/>
            <a class="btn btn-primary" href="javascript:setpose1()">设置</a></div>
        </div>
    </div>
</div>
<%- include('footer') %>